---
title: Tableau UI Home
layout: home
indexed_by_search: false
---
<header class="jumbotron hero-spacer text-center">
  <h1>Tableau UI</h1>
  <p>Create React components which have the look-and-feel of Tableau.</p>
  <p>This site will get you up and running with Tableau UI.</p>
  <br />
  <a class="btn btn-primary btn-lg" href="https://github.com/tableau/tableau-ui/blob/master/README.md" role="button">Getting Started</a>&nbsp;&nbsp;
</header>
<div class="row">
  <div class="col-md-4 text-center">
    <div class="thumbnail thumb-home">
      <a href="https://github.com/tableau/tableau-ui/blob/master/README.md"><img src="{{ site.baseurl }}/assets/tableau_ui_logo.svg" class="img-home" alt="Getting Started Link"></a>
      <div class="caption">
        <h3>Getting Started</h3>
        <p>How to add and use Tableau UI.</p>
      </div>
    </div>
  </div>
  <div class="col-md-4 text-center">
    <div class="thumbnail thumb-home">
      <a href="{{ site.baseurl }}/docs/index.html" target="_blank"><img src="{{ site.baseurl }}/assets/tableau_ui_api.png" class="img-home" alt="API Link"></a>
      <div class="caption">
        <h3>API Reference</h3>
        <p>Consult the API reference while building your UI.</p>
      </div>
    </div>
  </div>
</div>

